<template>
  <div class="index">
    <el-container>
      <el-header>
        <Navbar />
      </el-header>
      <el-main>
        <Banner />
        <Card />
      </el-main>
      <el-footer>
        <tempFoote />
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import Navbar from '@/components/share/Navbar';
import Banner from '@/components/share/banner';
import Card from "@/components/share/Card";
import tempFoote from '@/components/share/tempFoote';
export default {
  name: 'index',
  data () {
    return {

    }
  },
  components: { Navbar, Banner, Card, tempFoote }
}
</script>

<style scoped>
</style>